Tech News Aggregator

Tech News Aggregator is a web application designed to provide users with the latest and most relevant tech news articles from various reliable sources. The app offers a user-friendly interface, search functionality, and SEO optimization to enhance the user experience.

Key Features

  • Article List: Displays a list of articles with titles, authors, and publication dates.
  • Search Functionality: Allows users to filter articles by title.
  • Responsive UI: Optimized for various devices to ensure a seamless user experience.
  • Server-side Rendering: Enhances SEO and performance by rendering pages on the server.
  • Unique URLs: Each article has a unique URL with proper meta tags for better SEO.
  • Pagination: Supports pagination for easy navigation through articles.
  • Sorting: Users can sort articles by date or author.
  • Automated Testing: Comprehensive tests written using Playwright to ensure the application's reliability and performance.

Technologies Used

Next.js 14, TypeScript, GraphQL, Playwright, Tailwind CSS, Shadcn UI, Vercel

Purpose and Goal

To provide a centralized platform for tech enthusiasts to stay updated with the latest news articles from various reliable sources.

Role

Sole developer and project owner: Managed all aspects of the Tech News Aggregator project from conception to deployment.

Technical Hurdles

  • Learning and implementing GraphQL for the first time, including setting up and integrating with a GraphQL API.

Solutions

  • Spent time understanding GraphQL concepts and best practices, which resulted in a successful integration with GraphQL, enabling efficient data fetching and handling.